<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css/reset.css">
    <link rel="stylesheet" href="../css/xunmei.css">
    <link rel="stylesheet" href="../css/3.css">
    <script src="../js/jQuery库/jquery-1.10.1.js"></script>
    <script src='../js/lib/flexible/flexible.debug.js'></script>
    <script src='../js/lib/flexible/flexible_css.debug.js'></script>
</head>

<body>
    <div class="wrap">
        <header>
            <div class="toubu">
                <img src="../img/logo.jpeg" alt="">
                <div class="t2">
                    <p><span>返回首页</span> &nbsp;| &nbsp;<span>网站案例</span>&nbsp; | &nbsp;<span>帮助中心</span></p>
                    <p>合作共赢、快速高效、优质的网站建设提供商</p>
                    <p>深圳网站建设 <span>服务热线:18038067647</span></p>
                </div>
            </div>
            <div class="daohang">
                 <ul class='list'>
                    <li class='active'>网站首页</li>
                    <li>关于迅美</li>
                    <li>网站建设</li>
                    <li>域名注册</li>
                    <li>虚拟主机</li>
                    <li>经典案例</li>
                    <li>付款方式</li>
                    <li>联系我们</li>
                </ul>
                <!-- <div class="content">
                    <div>1</div>
                    <div>2</div>
                    <div>3</div>
                    <div>4</div>
                    <div>5</div>
                    <div>6</div>
                    <div>7</div>
                </div> --> -->
                <div class="right">
                    <div class="right_box">
                        <div class="zhongjian">
                            <!-- <img src="../img/Document.jpeg" alt=""> -->
                        </div>
                        <div class="xunmei">
                            <p>迅美科技: 迅美是一家专业深圳网站建设公司,七年的设计经验及各行业千余成功案例值得您的信赖,我们的理念是用实惠的价格、高效的建站速度完成质优的网站建设! </p>
                        </div>
                        <div class="anli">
                            <div class="a1">
                                <img src="../img/net2_06.jpeg" alt="">
                                <img src="../img/net2_09.jpeg" alt="">
                                <p><span>经济型企业网站</span><span>经典型企业网站</span><span>行业网站</span></p>
                                <h3>更多>></h3>
                            </div>
                            <div class="jianzhan">
                                <div class="j1">
                                    <!-- <dl>
                                        <dt><img src="../img/li1.jpeg" alt=""></dt>
                                        <dd>家具网站建设</dd>
                                    </dl>
                                    <dl>
                                        <dt><img src="../img/li2.jpeg" alt=""></dt>
                                        <dd>金融网站建设</dd>
                                    </dl>
                                    <dl>
                                        <dt><img src="../img/li3.jpeg" alt=""></dt>
                                        <dd>平面设计公司</dd>
                                    </dl>
                                    <dl>
                                        <dt><img src="../img/li4.jpeg" alt=""></dt>
                                        <dd>培训公司网站建设</dd>
                                    </dl> -->
                                </div>
                            </div>
                        </div>
                        <div class="liucheng">
                            <img src="../img/liucheng-left.jpeg" alt="">
                            <img src="../img/liucheng.jpeg" alt="">
                            <img src="../img/licheng-right.jpeg" alt="">
                        </div>
                        <section>
                            <div class="xinwen">
                                <h2>企业新闻<span>更多>></span></h2>
                                <ul>
                                    <li>搜索引擎的作用</li>
                                    <li>企业发展离不开网站建设和SEO</li>
                                    <li>深圳SEO网站优化的目的</li>
                                    <li>企业制作一个网站有哪些好处</li>
                                    <li>网站建设常见流程</li>
                                    <li>网站建设中怎么做灰色图片</li>
                                    <li>做好网页设计认识RGB颜色模式</li>
                                    <li>什么是整合营销</li>
                                    <li>尊重互联网用诚信赢得客户</li>
                                    <li>如何防止网站的信息泄露？</li>
                                </ul>
                                
                            </div>
                            <div class="xinwen">
                                <h2>企业新闻<span>更多>></span></h2>
                                <ul>
                                    <li>搜索引擎的作用</li>
                                    <li>企业发展离不开网站建设和SEO</li>
                                    <li>深圳SEO网站优化的目的</li>
                                    <li>企业制作一个网站有哪些好处</li>
                                    <li>网站建设常见流程</li>
                                    <li>网站建设中怎么做灰色图片</li>
                                    <li>做好网页设计认识RGB颜色模式</li>
                                    <li>什么是整合营销</li>
                                    <li>尊重互联网用诚信赢得客户</li>
                                    <li>如何防止网站的信息泄露？</li>
                                </ul>
                            </div>
                            <div class="xinwen">
                                <h2>企业新闻<span>更多>></span></h2>
                                <ul>
                                    <li>搜索引擎的作用</li>
                                    <li>企业发展离不开网站建设和SEO</li>
                                    <li>深圳SEO网站优化的目的</li>
                                    <li>企业制作一个网站有哪些好处</li>
                                    <li>网站建设常见流程</li>
                                    <li>网站建设中怎么做灰色图片</li>
                                    <li>做好网页设计认识RGB颜色模式</li>
                                    <li>什么是整合营销</li>
                                    <li>尊重互联网用诚信赢得客户</li>
                                    <li>如何防止网站的信息泄露？</li>
                                </ul>
                            </div>
                            <div class="xinwen">
                                <h2>企业新闻<span>更多>></span></h2>
                                <ul>
                                    <li>搜索引擎的作用</li>
                                    <li>企业发展离不开网站建设和SEO</li>
                                    <li>深圳SEO网站优化的目的</li>
                                    <li>企业制作一个网站有哪些好处</li>
                                    <li>网站建设常见流程</li>
                                    <li>网站建设中怎么做灰色图片</li>
                                    <li>做好网页设计认识RGB颜色模式</li>
                                    <li>什么是整合营销</li>
                                    <li>尊重互联网用诚信赢得客户</li>
                                    <li>如何防止网站的信息泄露？</li>
                                </ul>
                            </div>
                        </section>
                        <footer>
                            <p>关于迅美&nbsp; | &nbsp;新闻资讯&nbsp; | &nbsp;行业新闻&nbsp; | &nbsp;帮助中心&nbsp; | &nbsp;网站优化&nbsp; | &nbsp;网站地图</p>
                            <p>业务范围：深圳网站建设,深圳网站制作,深圳网站设计 地区:福田、罗湖、龙华、龙岗、宝安、西乡、石岩、公明、松岗、沙井 粤ICP备12066097号-1</p>
                            <p>版权所有 @ 深圳市迅美科技有限公司 地址:深圳市龙华民治牛栏前深海大厦3A38 COPYRIGHT @ 2009-2028</p>
                            <p>声明:本网站的文章部分来源于网络改编和书本知识改写,如有侵权,敬请告知我司第一时间解决,如有其它平台转载文章请附上我站网址!</p>
                        </footer>
                    </div>
                    <div class="right_box  box2">
                          <div class="zhong2 ">
                            <img src="../img/Document.jpeg" alt="">
                        </div>
                        <div class="xunmei2">
                            <p>迅美科技: 迅美是一家专业深圳网站建设公司,七年的设计经验及各行业千余成功案例值得您的信赖,我们的理念是用实惠的价格、高效的建站速度完成质优的网站建设! </p>
                        </div>
                        <div class="xmjj">
                            <div class="xmnr">
                                <div class="x1">讯美简介</div>
                                <p></p>
                                <p></p>
                                <p></p>
                                <p></p>
                                <p></p>
                                <p></p>
                                <p></p>
                                <p></p>
                                <p></p>
                                <p></p>
                            </div>
                            <div class="xmnr2">
                                <div class="x2">建站流程</div>
                                <div class="x21"></div>
                                <div class="x22"></div>
                            </div>
                            <!-- <div class="xmnr3">
                                <div class="x3">热门新闻</div>
                                <ul>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                    <li></li>
                                </ul>
                            </div> -->
                        </div>
                    </div>
                    <div class="right_box  box3">
                        <div class="zhong3">
                           <!-- <img src="../img/2.jpg" alt=""> -->
                        </div>
                        <div class="xunmei3">
                            <p>迅美科技: 迅美是一家专业深圳网站建设公司,七年的设计经验及各行业千余成功案例值得您的信赖,我们的理念是用实惠的价格、高效的建站速度完成质优的网站建设! </p>
                        </div>
                       <div class="main">
                           <div class="main-left">

                           </div>
                           <div class="main-right"></div>
                       </div>
                    </div>
                    <div class="right_box  box4">
                        <div class="zhong4">
                           <img src="../img/banner3.jpg" alt="">
                        </div>
                        <div class="xunmei4">
                            <p>迅美科技: 迅美是一家专业深圳网站建设公司,七年的设计经验及各行业千余成功案例值得您的信赖,我们的理念是用实惠的价格、高效的建站速度完成质优的网站建设! </p>
                        </div>
                        <div class="ymzc">
                            <div class="y1">
                               <div class="y11">域名注册</div> 
                               <div class="y12">
                                   <div class='y121'></div>
                                   <div class='y122'></div>
                                   <div class='y123'></div>
                               </div>
                            </div>
                            <div class="y2">
                                <div class='y21'><img src="../img/yu.jpg" alt=""></div>
                                <div class='y22'>
                                    <div class="y221">建站流程</div>
                                    <img src="../img/liuc.jpg" alt="">
                                </div>
                                <div class='y22'>
                                    <div class="y221">建站流程</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right_box">wetgrsdgrdg</div>
                    <div class="right_box">6</div>
                    <div class="right_box">7</div>
                </div>
            </div>
        </header>
    </div>
    <!-- <script src="../js/neirong.js/shouye.js"></script> -->
    <script src="../js/js/JSONP.js"></script>
    <script src="../js/js/JSONP2.js"></script>
    <script>
        var $j1=$(".j1");
        var $zhongjian=$('.zhongjian');
      $('.list>li').each(function (index, el) {
            el.index = index;
        })
        $('.list>li').click(function () {
            // 清除其他元素的样式
            $('.right_box').siblings().css('display', 'none');
            $(this).siblings().removeClass('active');
            // 让对应的元素的display显示
            $('.right_box').eq($(this)[0].index).css('display', 'block');
            $(this).addClass('active');

        })
       const pp=new Promise((resolve,reject)=>{
        $.get('../js/js/JSONP.js',{},function(data){
            // var data=JSON.stringify(data);
             data=JSON.parse(data);
            // console.log(data);
            resolve(data);
        })
       });
       (async ()=>{
           let result=await pp;
           console.log(result);
           console.log($j1);
           $zhongjian.html(`<img src="${result[4].img5}" alt="">`)
           $j1.html(`
                                     <dl>
                                        <dt><img src="${result[0].img1}" alt=""></dt>
                                        <dd>家具网站建设</dd>
                                    </dl>
                                    <dl>
                                        <dt><img src="${result[1].img2}" alt=""></dt>
                                        <dd>金融网站建设</dd>
                                    </dl>
                                    <dl>
                                        <dt><img src="${result[2].img3}" alt=""></dt>
                                        <dd>平面设计公司</dd>
                                    </dl>
                                    <dl>
                                        <dt><img src="${result[3].img4}" alt=""></dt>
                                        <dd>培训公司网站建设</dd>
                                    </dl>
           `);
          
          
       })()








       var x22=document.querySelector('.x22')
       var xmnr=document.querySelector('.xmnr')
      var zhong2=document.querySelector('.zhong2');
      var x21=document.querySelector('.x21');
       const pp2=new Promise((resolve,reject)=>{
        $.get('../js/js/JSONP2.js',{},function(data2){
            // var data=JSON.stringify(data);
             data2=JSON.parse(data2);
            // console.log(data);
            resolve(data2);
        })
       });

       (async ()=>{
           let result2=await pp2;
           console.log(result2);
           zhong2.innerHTML=`<img src="${result2[0].img1}" alt="">`
           xmnr.innerHTML=`


                <div class="x1">讯美简介</div>
                                <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${result2[1].p1}</p>
                                <p>${result2[1].p1}</p>
                                <p>${result2[1].p2}</p>
                                <p>${result2[1].p3}</p>
                                <p>${result2[1].p4}</p>
                                <p>${result2[1].p5}</p>
                                <p>${result2[1].p6}</p>
                                <p>${result2[1].p7}</p>
                                <p>${result2[1].p8}</p>
                                <p>${result2[1].p9}</p>
                    
           `
           x21.innerHTML=`<img src="${result2[2].img1}" alt="">`
           x22.innerHTML=`<img src="${result2[2].img2}" alt="">`
       })()








            let $mainLeft = $('.main-left');
            console.log($mainLeft);
            let $mainRight = $('.main-right');
            console.log($mainRight);
            
       var zhong3=document.querySelector('.zhong3')
       var tbody=document.querySelector('.tbody');
       const pp3=new Promise((resolve,reject)=>{
        $.get('../js/js/JSONP3.js',{},function(data3){
            // var data=JSON.stringify(data);
             data3=JSON.parse(data3);
            // console.log(data);
            resolve(data3);
        })
       });

       (async ()=>{
           let result3=await pp3;
           console.log(result3);
           zhong3.innerHTML=`<img src="${result3[0].img}" alt="">`

           $mainLeft.html(`
                <h2>${result3[1].title}</h2>
                <table>
                    <thead>
                        <tr>
                            <td>${result3[1].title1}</td>
                            <td>${result3[1].title2}</td>
                            <td>${result3[1].title3}</td>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td><img src="http://www.djjwz.com/images/20110308111919150.jpg" alt=""><br>经济型建站</td>
                            <td>${result3[1].p1}
                            </td>
                            <td>
                                ${result3[1].span}
                            </td>
                        </tr>
                        <tr>
                            <td><img src="http://www.djjwz.com/images/20110308111822604.jpg" alt=""><br>专业型建站</td>
                            <td>${result3[1].p2}
                            </td>
                            <td>
                                ${result3[1].span1}
                            </td>
                        </tr>
                        <tr>
                            <td><img src="http://www.djjwz.com/images/20110308112009560.jpg" alt=""><br> 商务型建站
                            </td>
                            <td>${result3[1].p3}
                            </td>
                            <td>
                                ${result3[1].span2}
                            </td>
                        </tr>
                        <tr>
                            <td><img src="http://www.djjwz.com/images/20110308112053862.jpg" alt=""><br> 优化型建站
                            </td>
                            <td>${result3[1].p4}
                                <br> > 送搜索引擎网站提交<br> > 可享受一年内免费改版一次的服务
                            </td>
                            <td>
                                ${result3[1].span3}
                            </td>
                        </tr>
                        <tr>
                            <td>网站建设<br> 定制服务
                            </td>
                            <td>
                                品牌型建站、集团型建站、B2B型建站、B2C型建站、门户型建站、定制型建站<br>等按具体需求确定价格，请即刻联系我们。 <br>联系电话：18038067647
                            </td>
                            <td>${result3[1].span4}</td>
                        </tr>
                    </tbody>
                </table>
                <p>${result3[1].p7}</p>
                `)
                $mainRight.html(`
                <div class="right-top">
                    <img src="${result3[2].img1}" alt="">
                </div>
                <div class="xian"></div>
                <div class="right-middle">
                    <h2>${result3[2].title6}</h2>
                    <ul>
                        <img src="${result3[2].img2}" alt="">
                    </ul>
                    <div class="di"></div>

                </div>
                <div class="right-foot">
                    <h2>${result3[3].title7}</h2>
                    <ul>
                        <li>${result3[3].li1}</li>
                        <li>${result3[3].li2}</li>
                        <li>${result3[3].li3}</li>
                        <li>${result3[3].li4}</li>
                        <li>${result3[3].li5}</li>
                        <li>${result3[3].li6}</li>
                        
                    </ul>
                    <div class="di"></div>
                </div>
                `)
          
           
       })()













       
       var y121=document.querySelector('.y121');
       var zhong4=document.querySelector('.zhong4')
       const pp4=new Promise((resolve,reject)=>{
        $.get('../js/js/JSONP4.js',{},function(data4){
            // var data=JSON.stringify(data);
             data4=JSON.parse(data4);
            // console.log(data);
            resolve(data4);
        })
       });

       (async ()=>{
           let result4=await pp4;
           console.log(result4);
           zhong4.innerHTML=`<img src="${result4[0].img}" alt="">`
           y121.innerHTML=`
              <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ${result4[1].p1}</p>
               <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${result4[1].p2}</p>
               <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${result4[1].p3}</p>
               <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ${result4[1].p4}</p>
               <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${result4[1].p5}</p>
               <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${result4[1].p6}</p>
               <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ${result4[1].p7}</p>
               <p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;${result4[1].p8}</p>
           `
           
       })()
    </script>
</body>

</html>